<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <!-- 标准窗口代码 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>品牌大全</title>
    <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/modules.css">
    <link rel="stylesheet" href="../fonts/iconfont.css">
    <link rel="stylesheet" href="../css/brandTItel.css">



</head>

<body>
    <!-- header -->
    <header>
        <h1>
            <a href="/">
                <img src="../images/header_logo.png" alt="">
                <!-- <p class="as">112</p> -->
            </a>
        </h1>
        <a href="javascript:;">
            <img src="../images/header_app.png" alt="">
        </a>
    </header>

    <!-- search -->
    <div class="search">
        <form action="#">
            <input class="mmb_search" type="search" placeholder="请输入你想要比价的商品">
            <input class="mmb_button" type="button" value="搜索">
        </form>
    </div>

    <!--分类-->
    <div class="sort">
        <a href="../index.html">首页></a>&nbsp;
        <a href="javascript:;">全部分类></a>
    </div>
    <div class="brand">
        <div class="brand-title">
            <span>热门品牌排行</span>
        </div>
        <div class="brand-nav">
            <ul>


            </ul>
        </div>
    </div>

    <div class="main"></div>



    <!-- footer -->
    <footer>
        <div class="brand">
            <span>热门品牌排行</span>
            <span class="iconfont icon-yuanquanjiantou"></span>

        </div>
        <div class="footer_bt">
            <a href="#">登录</a>
            <a href="#">注册</a>
            <a href="#">
                <span class="iconfont icon-xiangshangjiantou"></span>返回顶部
            </a>
        </div>
        <div class="footer_lk">
            <div class="footer_app">
                <a href="#">手机APP下载</a>
                <span>慢慢买手机版</span>
                <span>--掌上比价平台</span>
            </div>
            <span>m.manmanbuy.com</span>

        </div>
    </footer>




</body>
<script src="../js/modules.js">
</script>
<script src='../lib/zepto/dist/zepto.js'></script>
<script src='../lib/art-template/template-web.js'></script>

<script type="text/template" id="brands">
    {{each result}}
    <li>
        <a href="brandId.html">{{$value.brandTitle}}</a>

    </li>
    {{/each}}
</script>

</html>
<script>
    $(function() {
        $.ajax({
            url: "http://193.112.55.79:9090/api/getbrandtitle",
            type: "get",
            dataType: "json",
            success: function(res) {
                console.log(res)
                var htmlStr = template("brands", res);
                $(".brand-nav ul").html(htmlStr)
            }
        })

    })
</script>